    * {
        padding: 0;
        margin: 0;
    }
    
    ul {
        list-style-type: none;
    }
    
    body {
        font-size: 12px;
    }
    
    i {
        font-style: normal;
    }
    
    b,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: normal;
    }
    
    a {
        text-decoration: none;
        color: #8c8c8c;
    }
    
    .clearfix:after {
        content: '.';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }
    
    .foot-b-layout p a:hover,
    .foot-layout-l dl dd a:hover,
    .span-citys:hover,
    .noN-lists>li>a:hover,
    .top a:hover,
    .supertop a:hover,
    .secnav-l-m-r li a:hover {
        color: #f42424;
    }
    /* ************************************** */
    /* 自适应 */
    
    .nav-l,
    .pu-secondnav-l-ul,
    .top-left {
        width: 200px !important;
    }
    
    .pu-secondnav-secnav {
        left: 200px !important;
    }
    /* city */
    
    .hide-city {
        width: 486px;
        height: 260px;
        background-color: #fff;
        position: absolute;
        top: 30px;
        left: 0;
        z-index: 999;
        box-sizing: border-box;
        padding: 15px 15px 15px 20px;
        font-size: 13px;
        color: #555555;
        text-align: left;
        display: none;
    }
    
    .hide-city-top {
        height: 30px;
        /* background-color: red; */
        line-height: 30px;
    }
    
    .span-city,
    .span-citys {
        margin-right: 12px;
    }
    
    .span-city {
        padding: 3px;
    }
    
    .span-city:hover {
        background-color: #f42424;
        color: #fff;
    }
    
    .span-midd,
    .span-midds {
        margin-right: 8px;
        font-size: 14px;
        font-weight: 700;
        vertical-align: top;
        color: #8C8C8C;
    }
    
    .span-midds {
        display: inline-block;
        width: 18px;
        margin-top: 3px;
        height: 18px;
        border-radius: 50%;
        line-height: 18px;
        text-align: center;
        margin-right: 20px;
        font-size: 13px;
        background-color: #EEEEEE;
    }
    
    .hide-city-bots {
        position: relative;
        transition: top .5s;
    }
    
    .hide-city-bot {
        height: 173px;
        margin-top: 8px;
        overflow: hidden;
        overflow: auto;
    }
    
    .hide-city-bot-city {
        display: inline-block;
        width: 370px;
        line-height: 24px;
    }
    /* 固定定位头部 */
    
    .fixtop {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 9;
        width: 100%;
        height: 40px;
        background-color: #fff;
        padding: 10px 0px;
        box-shadow: 0 0 10px 2px rgb(90 90 90 / 60%);
        display: none;
    }
    
    .fixtop-layout {
        width: 1200px;
        height: 40px;
        margin: 0px auto;
    }
    
    .fixtop-layout .sahngpin {
        position: relative;
    }
    
    .fixtop-l {
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
    }
    
    .fixtop-m {
        float: left;
        margin: 2px 80px 0 100px;
    }
    
    .fixtop-r {
        float: left;
        line-height: 30px;
    }
    
    .fixtop-r span {
        margin-left: 90px;
        color: red;
        font-size: 25px;
    }
    /* 固定头部二级导航 */
    
    .fixtop-pu-sec {
        position: absolute;
        top: 40px;
        left: 0px;
        border-top: 0;
    }
    /* 左侧楼层效果 */
    
    .floor {
        position: fixed;
        left: 37.5px;
        top: 30%;
        z-index: 99;
        text-align: center;
        color: #333;
        text-align: center;
        margin-bottom: -2px;
        background-color: #fafafa;
        cursor: pointer;
    }
    
    .floor li {
        position: relative;
        width: 60px;
        height: 28px;
        line-height: 28px;
        padding: 0 5px;
        border: 1px solid #e6e6e6;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .flcolor {
        color: white;
        background-color: red;
    }
    
    .r-triangle {
        display: block;
        width: 0;
        height: 0;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #ff4040;
        position: absolute;
        top: 8px;
        right: -10px;
        display: none;
    }
    
    .floor li:nth-child(2) span {
        display: block;
    }
    /* 右侧固定侧边栏 */
    
    .toumingmask {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        display: none;
        /* pointer-events: none; */
    }
    
    .r-sidebar-all {
        position: fixed;
        top: 0;
        right: 0;
        width: 40px;
        height: 100%;
        z-index: 100;
        transition: width linear 0.5s;
    }
    /* 左边黑框 */
    
    .r-sidebar {
        float: left;
        width: 40px;
        height: 100%;
        background: #000;
    }
    /* 右侧固定侧边栏 顶部*/
    
    .r-side {
        position: absolute;
        top: 40%;
        left: 0;
        margin-top: -190px;
        background: #000;
        z-index: 2;
        width: 40px;
    }
    
    .r-side li {
        position: relative;
        display: block;
        left: 0;
        top: 0px;
        margin-top: 10px;
    }
    
    .r-side li>a {
        display: block;
        width: 40px;
        height: 38px;
        color: #d8d8d8;
        overflow: hidden;
        background-color: #000;
        position: relative;
        top: 0;
        left: 0px;
        z-index: 1;
        text-align: center;
        line-height: 38px;
    }
    
    .r-side li>a span {
        display: inline-block;
        width: 18px;
        height: 19px;
        top: 10px;
        left: 11px;
        background: url(../img/public-img/r-sidebar.png) no-repeat;
        vertical-align: top;
        position: absolute;
    }
    /* 第一个 */
    
    .r-side li:nth-child(1)>a span {
        background-position: 0 0;
    }
    /* 第二个 */
    
    .r-side li:nth-child(2)>a {
        background: url(../img/public-img/r-sidebar.png) no-repeat;
        line-height: 16px;
        height: 133px;
        background-position: -23px -225px;
        color: #fff;
        margin: 10px 0;
    }
    
    .r-side li:nth-child(2)>a span {
        background-position: 2px -29px;
        left: 9px;
    }
    
    .r-side li:nth-child(2)>a div {
        width: 16px;
        height: 48px;
        margin: 38px 0 0 12px;
    }
    
    .p-zero {
        width: 21px;
        height: 21px;
        display: block;
        font-style: normal;
        border-radius: 50%;
        background: #f42424;
        text-align: center;
        line-height: 21px;
        margin: 5px 0 0 10px;
        cursor: pointer;
        color: #fff;
        position: absolute;
    }
    
    .m-r>a .p-zero {
        width: 13px;
        height: 13px;
        line-height: 13px;
        font-size: 12px;
        top: 0;
        right: 30px;
    }
    
    .fixtop-r .p-zero {
        width: 13px;
        height: 13px;
        line-height: 13px;
        font-size: 12px;
        top: 0;
        right: 0px;
    }
    
    .fixtop-r {
        position: relative;
    }
    /* 第三个 */
    
    .r-side li:nth-child(3) a span {
        background: url(../img/public-img/r-side-three.png) no-repeat;
        width: 35px;
        height: 35px;
        top: 2px;
        left: 2px;
    }
    /* 第四个 */
    
    .r-side li:nth-child(4) a span {
        background-position: -36px 0;
    }
    /* 第五个 */
    
    .r-side li:nth-child(5) a span {
        background-position: 0 -57px;
    }
    /* 第六个 */
    
    .r-side li:nth-child(6) a span {
        background-position: -1px -110px;
    }
    /* 第七个 */
    
    .r-side li:nth-child(7) a span {
        background: url(../img/public-img/r-side-7.png) no-repeat;
        width: 35px;
        height: 35px;
        top: 2px;
        left: 3px;
    }
    /* 第八个 */
    
    .r-side li:nth-child(8)>a span {
        background: url(../img/public-img/r-ride-8.png) no-repeat;
        width: 35px;
        height: 35px;
        top: 1px;
        left: 3px;
    }
    /* 右侧固定栏下半部分 */
    
    .r-side-b {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        background: #000;
        z-index: 1;
    }
    
    .r-side-b li {
        position: relative;
        left: 0;
        top: 0px;
    }
    
    .r-side-b li>a {
        display: block;
        line-height: 200px;
        width: 40px;
        height: 38px;
        color: #d8d8d8;
        background-color: #000;
        position: relative;
        overflow: hidden;
        top: 0;
        left: 0px;
        z-index: 1;
    }
    
    .r-side-b>li>a span {
        display: inline-block;
        background: url(../img/public-img/r-sidebar.png) no-repeat;
        cursor: pointer;
        height: 19px;
        width: 18px;
        vertical-align: top;
        position: absolute;
    }
    /* 下半部分第一个 摄像头*/
    
    .r-side-b>li:nth-child(1)>a span {
        top: 11px;
        left: 11px;
        background-position: -1px -174px;
    }
    /* 下半部分第二个 顶部*/
    
    .r-side-b>li:nth-child(2)>a span {
        background-position: 0 -201px;
        top: 12px;
        left: 12px;
    }
    /* 右侧固定侧边栏 hover效果*/
    
    .shoppingbtn {
        z-index: 999;
    }
    
    .r-sidebar ul>li:hover>a {
        background: #f42424;
    }
    /* 顶部简介 */
    /* 简介展示 */
    
    .first-abstract {
        width: 267px;
        height: 185px;
        padding: 10px;
        background: #fff;
        box-shadow: 0 0 5px rgb(0 0 0 / 40%);
        border-radius: 5px 0 0 5px;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        z-index: 3;
        position: absolute;
        top: 0px;
        left: -287px;
        left: -288px;
        display: none;
    }
    /* 出现 */
    
    .abstract:hover .first-abstract {
        display: block;
    }
    /* 左侧头像 */
    
    .f-a-l {
        width: 100px;
        height: 100px;
        text-align: center;
        border-radius: 50%;
        overflow: hidden;
        float: left;
        margin: 6px 20px 0 5px;
    }
    
    .f-a-l img {
        width: 100%;
    }
    /* 右侧内容 */
    
    .f-a-r {
        overflow: hidden;
        color: #333;
        padding-top: 30px;
        line-height: 24px;
        width: 140px;
        float: left;
    }
    
    .f-a-r p {
        position: relative;
        left: 0;
        top: 0px;
        margin-top: 10px;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    /* 底部订单和收藏 */
    
    .f-a-b {
        width: 267px;
        height: 79px;
        border-top: 1px dotted #d5d5d5;
        overflow: hidden;
        padding-top: 15px;
        clear: both;
    }
    
    .f-a-b>a {
        display: block;
        width: 94px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #e9e9e9;
        color: #333;
        text-decoration: none;
        float: left;
        background: url(../img/public-img/r-sidebar.png) repeat-x 0 -408px;
    }
    
    .f-a-b>a:nth-child(1) {
        margin: 0 10px 0 35px;
    }
    
    .arrow-white {
        position: absolute;
        right: -5px;
        top: 15px;
        width: 5px;
        height: 9px;
        background: url(../img/public-img/r-sidebar.png) no-repeat 0 -253px;
    }
    
    .f-a-b>a:hover {
        border: 1px solid #f42424;
        color: #333;
    }
    /* 右侧hover说明 */
    
    .r-explain {
        height: 38px;
        line-height: 38px;
        width: 92px;
        position: absolute;
        z-index: 2;
        left: -121px;
        top: 0;
        background: #000;
        color: #d8d8d8;
        text-align: center;
        display: block;
        visibility: hidden;
        transition: left linear 0.5s;
    }
    /* 说明小箭头 */
    
    .r-explain i {
        display: inline-block;
        background: url(../img/public-img/r-sidebar.png) no-repeat;
        vertical-align: top;
        position: absolute;
        right: -5px;
        top: 15px;
        width: 5px;
        height: 9px;
        background-position: 0 -234px;
        overflow: hidden;
    }
    /* 右侧 */
    
    .r-siderbr-r {
        position: absolute;
        width: 280px;
        left: 40px;
        top: 0;
        background: #fff;
        height: 100%;
        float: left;
    }
    
    .ibar_closebtn {
        width: 20px;
        height: 20px;
        background: url(../img/public-img/r-sidebar.png) no-repeat 5px -267px;
        padding: 5px;
        overflow: hidden;
        position: absolute;
        top: 4px;
        right: 4px;
    }
    /* 购物车标题 */
    
    .siderbr-r-title {
        height: 38px;
        line-height: 38px;
        border-bottom: 1px solid #dedede;
        color: #333;
        font-size: 14px;
        padding: 0 10px;
        background: #efefef;
    }
    /* 购物车内容 */
    
    .shopping-content {
        font-size: 12px;
        width: 100%;
        height: 100%;
        position: relative;
        background: #eceaea;
        position: relative;
    }
    /* 购物车主题内容 */
    
    .shop-con-con {
        /* display: none; */
        width: 280px;
        height: 100%;
        position: relative;
    }
    /* 非空购物车列表 */
    
    .noNullList {
        display: none;
        width: 100%;
        height: 100%;
    }
    
    .noN-lists {
        background-color: #fff;
    }
    
    .noN-lists li {
        float: left;
        position: relative;
        padding: 15px 0;
        border-bottom: 1px dashed #e1e1e1;
    }
    
    .noN-lists li .noN-lists-img {
        float: left;
    }
    
    .noN-lists li .noN-lists-img img {
        width: 85px;
        height: 85px;
        border: 1px solid #f4f4f4;
    }
    
    .noN-lists-con {
        float: left;
        width: 158px;
        padding: 3px 0 0 10px;
        position: relative;
    }
    
    .noN-lists-con>a {
        display: inline-block;
        width: 100%;
        height: 36px;
        overflow: hidden;
        line-height: 18px;
        color: #5c5c5c;
        margin-bottom: 2px;
    }
    
    .noN-ice {
        display: block;
        float: left;
        width: 100%;
        height: 16px;
        padding-right: 65px;
        overflow: hidden;
        font: 12px/16px verdana;
        color: #f42424;
    }
    
    .noN-pu-Number {
        float: left;
        margin-top: 8px;
    }
    
    .noN-pu-Number button,
    .noN-pu-Number input {
        float: left;
        float: left;
        height: 18px;
        line-height: 18px;
        text-align: center;
        width: 18px;
        border: 1px solid #d6d6d6;
        outline: none;
    }
    
    #noN-pu-num {
        min-width: 23px;
        height: 18px;
        line-height: 18px;
        border: 1px solid #d6d6d6;
        display: block;
        float: left;
        text-align: center;
    }
    
    .noN-del {
        display: block;
        position: absolute;
        right: 5px;
        bottom: 20px;
        width: 35px;
        height: 16px;
        z-index: 15;
        line-height: 16px;
        text-align: right;
        color: #005aa0;
        display: none;
    }
    /* 小的购物车 */
    
    .small-noN-list {
        display: none;
        position: absolute;
        top: 0;
        left: 20px;
        z-index: 999;
        background-color: #fff;
    }
    
    .shopping .noN-list-bottom {
        position: relative;
        left: -20px;
        top: -19px;
        z-index: 9999;
        width: 332px;
        height: auto;
        padding: 5px;
        background-color: #eee;
        overflow: hidden;
        display: none;
    }
    
    .noN-list-bottom .shops-count {
        width: auto;
        float: left;
        line-height: 28px;
        color: #999;
    }
    
    .shopping .noN-list-bottom>a {
        display: block;
        float: right;
        width: 96px;
        height: 26px;
        line-height: 26px;
        border: 1px solid #f42424;
        background: #eee;
        text-align: center;
        color: #f42424;
    }
    
    .small-noN-list li>a {
        display: block;
    }
    
    .small-noN-list li .noN-lists-img img {
        float: left;
        width: 50px;
        height: 50px;
        border: 1px solid #d3d3d3;
        padding: 0;
        margin-right: 8px;
    }
    
    .small-noN-list li .noN-del {
        display: block;
        font-size: 12px;
    }
    
    .small-noN-list .noN-lists-con {
        float: left;
        width: 226px;
        padding: 3px 0 0 10px;
        position: relative;
    }
    
    .small-noN-list .noN-pu-Number {
        margin-top: 15px;
    }
    
    .small-noN-list .noN-lists-con>a {
        float: left;
        width: 100px;
        height: 36px;
        overflow: hidden;
        margin: 5px 8px 0 0;
    }
    
    .small-noN-list .noN-lists-con .noN-ice {
        width: 52px;
        float: right;
        text-align: center;
        margin-top: 5px;
        color: #666;
        left: 10px;
        padding-right: 0px !important;
    }
    
    .small-noN-list li a {
        color: #666;
    }
    /* .shopping>img {
        display: none;
    } */
    /* ------- */
    /* 空购物车 */
    
    .shop-null {
        width: 270px;
        position: absolute;
        left: 0;
        top: 30%;
        text-align: center;
    }
    
    .shop-null b {
        width: 112px;
        height: 85px;
        background: url(../img/public-img/shopping-touxiang.png) no-repeat;
        display: inline-block;
    }
    
    .shop-null p {
        line-height: 20px;
        margin-top: 10px;
    }
    /* 去购物底部 */
    
    .goshop {
        position: absolute;
        height: 120px;
        bottom: 0;
        width: 100%;
        background: #fff;
    }
    
    .goshop>a {
        display: block;
        height: 33px;
        line-height: 33px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background: #f42424;
        width: 260px;
        margin: 0 10px;
        float: left;
    }
    
    .goshop>a:hover {
        color: #fff;
    }
    
    .shops-count {
        width: 260px;
        margin: 8px 10px;
        float: left;
    }
    
    .shops-count p {
        float: left;
    }
    
    .shops-count p span {
        color: #F42828;
    }
    
    .shops-count div {
        float: right;
        font-weight: 600;
        font-size: 16px;
        font-family: verdana;
        color: #f42424;
    }
    /* 头部 */
    
    .top {
        width: 1200px;
        height: 100px;
        margin: 0px auto;
    }
    /* 头部左侧 */
    
    .top-left {
        width: 232px;
        height: 96px;
        float: left;
        /* box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.2); */
        position: relative;
    }
    
    .top-left a {
        display: block;
        height: 56px;
        /* text-align: center; */
        padding: 20px 0px;
    }
    /* 头部右侧 */
    
    .top-right {
        width: 968px;
        float: left;
        text-align: center;
        position: relative;
    }
    
    .supertop {
        width: 100%;
        height: 30px;
        position: relative;
        background-color: #EEEEEE;
    }
    
    .supertop .t-r-top {
        width: 1200px;
        margin-left: -232px;
        height: 30px;
        line-height: 30px;
        margin: 0 auto;
    }
    /* 头部右侧顶部  左  中 */
    
    .t-f-m,
    .t-f-l {
        margin-left: 15px;
    }
    
    .t-f-l {
        width: 72px;
        height: 30px;
        float: left;
        position: relative;
    }
    /* 地址定位 */
    
    .t-f-m {
        /* width: 96px; */
        height: 30px;
        float: left;
    }
    
    .t-f-m .enter {
        color: red;
        padding-right: 8px;
    }
    /* 头部右侧顶部  右 */
    
    .t-f-r {
        width: 380px;
        height: 30px;
        float: right;
    }
    
    .t-f-r li {
        width: 48px;
        padding: 0px 7px;
        float: left;
    }
    
    .t-f-r .vertical {
        margin: 11px 5px 0;
        padding: 0;
        width: 1px;
        height: 10px;
        background-color: #8c8c8c;
    }
    
    .t-f-r .wd {
        position: relative;
    }
    
    .t-f-r .wd:hover .wd-all {
        display: block;
    }
    
    .t-f-r .wd-all {
        display: none;
        position: absolute;
        width: 380px;
        padding: 18px 0px;
        border: 1px solid #d2d2d2;
        background-color: #fff;
        top: 30px;
        right: -25px;
        z-index: 5;
    }
    
    .t-f-r .wd-all dl {
        float: left;
    }
    
    .t-f-r .wd-all dl {
        padding: 5px 30px;
        text-align: left;
    }
    
    .t-f-r .wd-all .shu {
        float: left;
        margin: 10px 10px;
        width: 1px;
        height: 120px;
        background-color: #999;
    }
    
    .t-f-r .wd-all .dl-two {
        width: 190px;
    }
    
    .t-f-r .wd-all dt a {
        color: #000;
    }
    
    .t-f-r .wd-all .dl-two dd {
        width: 60px;
        float: left;
    }
    /* 头部右侧中部 */
    /* input 搜索框和按钮 */
    
    .m-l {
        float: left;
        margin: 30px 0 0 78px;
        width: 560px;
        height: 64px;
    }
    
    .m-l-input input {
        display: block;
        float: left;
    }
    
    #put {
        width: 378px;
        height: 14px;
        padding: 8px;
        border: 2px solid #f42424;
        outline: none;
        float: left;
        color: #999;
    }
    
    #shang,
    #dian {
        width: 70px;
        height: 34px;
        line-height: 34px;
        background-color: #f42424;
        color: #fff;
        border: none;
    }
    
    #dian {
        margin-left: 10px;
        background-color: #B31919;
    }
    /* 搜索框下的ul     */
    
    .m-l-nav {
        width: 546px;
        height: 30px;
        line-height: 30px;
    }
    
    .m-l-nav li {
        float: left;
        margin-right: 10px;
    }
    /* 头部右侧中部  右侧购物车*/
    
    .m-r {
        float: right;
        width: 180px;
        height: 35px;
        line-height: 35px;
        margin: 30px 20px 0px 0px;
        border: 1px solid #d2d2d2;
        position: relative;
    }
    
    .m-r a {
        font-size: 14px;
        color: red;
    }
    
    .m-r a span {
        font-size: 20px;
    }
    
    .m-r:hover {
        border-bottom: 2px solid #fff;
        height: 37px;
    }
    
    .m-r:hover .shopping {
        display: block;
    }
    
    .m-r .shopping {
        display: none;
        position: absolute;
        top: 36px;
        right: -1px;
        z-index: 9;
        width: 300px;
        /* height: 70px; */
        padding: 20px;
        color: #666;
        background-color: #fff;
        border: 1px solid #d2d2d2;
        /* font-size: 14px; */
    }
    /* ---------------------------------------------- */
    
    .m-r .shopping span {
        vertical-align: top;
    }
    /* 导航 */
    
    .nav {
        width: 1200px;
        height: 40px;
        line-height: 40px;
        margin: 0px auto;
        font-size: 16px;
        text-align: center;
    }
    
    .nav>div {
        height: 40px;
        float: left;
    }
    
    .nav-l {
        display: block;
        float: left;
        background-color: #f00;
        width: 232px;
        height: 40px;
        color: #fff;
        font-weight: 700;
    }
    
    .nav-l:hover {
        color: #fff;
    }
    /* 导航栏右侧 */
    
    .nav-r {
        width: 968px;
        height: 40px;
        float: left;
    }
    
    .nav-r li {
        float: left;
        margin-left: 38px;
    }
    
    .nav-r li a {
        color: #000;
    }
    
    .nav-r li a:hover,
    .pu-secondnav-l-ul h4 a:hover,
    .pu-secondnav-l-ul p a:hover,
    .secnav-l-m-l a:hover {
        color: #f00;
    }
    
    .nav-r .first a {
        color: #f00;
    }
    /* 左边侧导航部分 */
    
    .pu-secondnav {
        position: relative;
        width: 1200px;
        margin: 0px auto;
    }
    /* 左边侧导航版心 */
    
    .pu-secondnav-l {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
    }
    /* 左边侧导航列表 */
    
    .pu-secondnav-l-ul {
        width: 232px;
        height: 500px;
        background-color: #333;
        float: left;
        position: relative;
        z-index: 999;
    }
    
    .fixtop-pu-sec .pu-secondnav-l-ul {
        background-color: rgba(0, 0, 0, 0.5);
    }
    
    .pu-secondnav-l-ul li {
        height: 42px;
        padding: 14.5px 16px 14.5px 42px;
        font-size: 14px;
        cursor: pointer;
    }
    
    .pu-secondnav-l-ul li h4 {
        font-weight: normal;
        position: relative;
    }
    
    .pu-secondnav-l-ul li h4 a {
        color: #fff;
    }
    
    .pu-secondnav-l-ul li h4 span {
        position: absolute;
        top: 0;
        left: -25px;
        color: #fff;
    }
    
    .pu-secondnav-l-ul li p a {
        color: #bfbfbf;
    }
    
    .pu-secondnav-l-ul li:hover {
        background-color: #000000;
    }
    /* 左边侧导航左部二级导航 */
    
    .pu-secondnav-secnav {
        width: 968px;
        min-height: 498px;
        position: absolute;
        top: 0px;
        left: 232px;
        z-index: 5;
        background-color: #fff;
        box-shadow: 0px 0px 3px 2px rgb(0 0 0 / 10%);
        display: none;
    }
    
    .pu-secondnav-secnav-l {
        width: 718px;
        padding: 20px;
        float: left;
    }
    
    .secnav-l-t {
        height: 26px;
        margin-bottom: 20px;
        /* float: left; */
    }
    
    .secnav-l-m-l {
        width: 100px;
        float: left;
    }
    
    .secnav-l-m-l li {
        height: 51px;
        line-height: 51px;
        padding: 0px 10px;
        text-align: right;
    }
    
    .secnav-l-m-l li a {
        color: #000;
    }
    
    .pu-secondnav-secnav-l .secnav-l-t a {
        display: block;
        float: left;
        padding: 5px 10px;
        margin-left: 10px;
        background-color: #5F4F4F;
        color: #fff;
    }
    
    .secnav-l-m .secnav-l-m-r {
        float: left;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px dashed #999;
    }
    
    .secnav-l-m-r {
        width: 618px;
    }
    
    .secnav-l-m .secnav-l-m-r li {
        display: block;
        float: left;
        padding: 0px 5px;
    }
    
    .pu-secondnav .secnav-l-m-r .vertical {
        margin: 20px 5px 0;
        padding: 0;
        width: 1px;
        height: 12px;
        background-color: #E0E0E0;
    }
    /* 二级导航右侧 */
    
    .pu-secondnav-secnav-r {
        width: 170px;
        padding: 20px;
        float: left;
    }
    
    .pu-secondnav-secnav-r div {
        width: 85px;
        height: 50px;
        float: left;
    }
    
    .pu-secondnav-secnav-r div img {
        width: 100%;
        margin-top: 10px;
    }
    /* 底部 */
    
    .footer {
        background-color: #eee;
        margin-top: 80px;
        overflow: hidden;
    }
    /* 底部新闻部份 */
    
    .footer-top {
        width: 1200px;
        padding: 24px 0;
        margin: 0 auto;
        overflow: hidden;
    }
    /* 底部新闻部份 左部 */
    
    .service-list {
        overflow: hidden;
        float: left;
    }
    
    .service-list .service-item {
        float: left;
        width: 170px;
        height: 32px;
        line-height: 30px;
        overflow: hidden;
        padding-right: 10px;
    }
    
    .service-list .service-item i {
        width: 32px;
        height: 32px;
        background: url(../img/public-img/bottom-new.png) no-repeat;
        float: left;
    }
    
    .service-list .service-item:nth-child(2) i {
        background-position: -34px 0;
    }
    
    .service-list .service-item:nth-child(3) i {
        background-position: -68px 0;
    }
    
    .service-list .service-item:nth-child(4) i {
        background-position: -102px 0;
    }
    
    .service-list .service-item:nth-child(5) i {
        background-position: -136px 0;
    }
    
    .service-list .service-item span {
        width: 125px;
        height: 60px;
        overflow: hidden;
        float: left;
        font-size: 18px;
        color: #888888;
        margin-left: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    /* 底部新闻部份 右部 */
    
    .contact {
        float: right;
    }
    
    .contact>div {
        float: left;
        height: 32px;
        line-height: 30px;
    }
    
    .contact>div i {
        display: block;
        width: 27px;
        height: 24px;
        float: left;
        margin-top: 5px;
        background: url(../img/public-img/bottom-new.png) no-repeat -3px -103px;
    }
    
    .contact>div span {
        width: 140px;
        margin: 0 10px 0 8px;
        float: left;
        color: #262626;
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .contact>div:nth-child(2) span {
        width: 70px;
    }
    
    .contact>div:nth-child(2) i {
        background-position: -3px -138px;
    }
    /* 脚部的中部 */
    
    .footer-middle {
        background-color: #262626;
    }
    
    .foot-layout {
        padding: 30px 0;
        width: 1200px;
        margin: 0 auto;
        border-bottom: 1px solid #464646;
        overflow: hidden;
    }
    
    .foot-layout-l {
        float: left;
        width: 900px;
    }
    
    .foot-layout-l dl {
        float: left;
        width: 170px;
        padding-right: 10px;
    }
    
    .foot-layout-l dl dt {
        height: 24px;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 20px;
    }
    
    .foot-layout-l dl dd {
        line-height: 28px;
    }
    
    .foot-layout-l dl dd a {
        font-size: 14px;
        color: #cccccc;
        width: 100%;
    }
    /* 脚部中部右部分 */
    
    .foot-layout-r {
        float: right;
    }
    
    .foot-layout-r li {
        float: left;
        width: 104px;
        padding: 2px;
        background-color: #fff;
    }
    
    .foot-layout-r li:nth-child(1) {
        margin-right: 60px;
    }
    
    .foot-layout-r li img {
        width: 100%;
    }
    
    .foot-layout-r li span {
        display: block;
        width: 100%;
        height: 20px;
        line-height: 20px;
        background-color: #121212;
        text-align: center;
        color: #fff;
    }
    /* 脚部底部 */
    
    .footer-bottom {
        background-color: #262626;
        padding: 30px 0 20px
    }
    
    .foot-b-layout {
        width: 1200px;
        margin: 0 auto;
        text-align: center;
    }
    
    .foot-b-layout .bottom-list {
        color: #4c4c4c;
        margin-bottom: 10px;
    }
    
    .foot-b-layout p a {
        display: inline-block;
    }
    
    .foot-b-layout p span {
        margin: 0 17px;
        width: 1px;
        height: 11px;
        background-color: #444;
        display: inline-block;
    }
    
    .bottom-ren a,
    .bottom-ren {
        color: #555;
    }